<template>
  <div>
    <tabbar v-show="isTabbarShow"></tabbar>
    <!-- 路由容器 -->
    <section>
      <router-view></router-view>
    </section>
  </div>
</template>

<script>
import tabbar from './components/Tabbar.vue'
import { mapState } from 'vuex' // export { mapState }
// import axios from 'axios'
//  ES6 模块导出
export default {
  data () {
    return {

    }
  },
  components: {
    tabbar
  },
  computed: {
    // isTabbarshow: () => {}
    ...mapState('TabbarModule', ['isTabbarShow'])
  },
  mounted () {
    // console.log(mapState('TabbarModule', ['isTabbarShow']))
    // 1- 后端配置好 cors
    /* axios.get("/appapi/home/mktBannerApp/v3?silo_id=2013000100000000008&platform_code=PLATEFORM_H5").then(res => {
      console.log(res.data)
    }) */
    // 2- maoyan
    /* axios.get('/ajax/movieOnInfoList?token=&optimus_uuid=C87C4DB07E3811EBA0AFD5EC1879A8A84D57799DF9E94A47820D08F3D2929D63&optimus_risk_level=71&optimus_code=10').then(res => {
      console.log(res.data)
    }) */
    // 3- maizuo
    /* axios({
      url: 'https://m.maizuo.com/gateway?cityId=440300&pageNum=1&pageSize=10&type=1&k=9669105',
      headers: {
        'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.0.4","e":"16150113011063240628961281"}',
        'X-Host': 'mall.film-ticket.film.list'
      }
      // method:"get"
    }).then(res => {
      console.log(res.data)
    }) */
  }
}
</script>

<style>
  li{
    list-style: none;
  }
  *{
    margin: 0;
    padding: 0;
  }
  html,body{
    height: 100%;
  }

  section{
    padding-bottom: 50px;
  }
  *{
    touch-action: manipulation;
  }
</style>
